<template>
  <div class="page-agreement">
    <h3>精策云用户注册协议</h3>
    <div class="agreement-main">
      <PerfectScrollbar>
        <p class="plain" data-slate-node="element">
          欢迎使用“精策云” 平台，本平台作为项目经营信息平台，旨在高效整合企业间经营信息资源，助力企业协同发展、及时把握瞬时商机。为确保平台规范、有序、安全运行，保障全体用户权益，请您在使用前仔细阅读以下须知内容。
        </p>
        <p class="t1" data-slate-node="element">
          1.平台概述
        </p>
        <p class="t2" data-slate-node="element">
          1.1功能定位
        </p>
        <p class="plain" data-slate-node="element">
          “精策云” 具备经营信息的搜集、分析、推送和获取等核心功能。用户端专为经营人员打造，方便大家及时上传手头掌握的建设项目经营信息以获取相应收益，同时也能按需检索、筛选并获取平台汇聚的优质项目经营信息，拓展业务视野与渠道。
        </p>
        <p class="t2" data-slate-node="element">
          1.2适用范围
        </p>
        <p class="plain" data-slate-node="element">
          本平台适用于任何人员使用。
        </p>
        <p class="t1" data-slate-node="element">
          2.用户账号管理
        </p>
        <p class="t2" data-slate-node="element">
          2.1账号注册与开通
        </p>
        <p class="plain" data-slate-node="element">
          新用户由个人在平台完成注册，注册人需如实填写单位名称、经营人员姓名、联系方式、等信息，经平台审核通过后，平台管理方将为其开通对应账号，初始密码以短信形式发送至预留手机号，用户首次登录需及时修改密码。
        </p>
        <p class="t2" data-slate-node="element">
          2.2账号安全责任
        </p>
        <p class="plain" data-slate-node="element">
          用户对自身账号及密码负有妥善保管责任，不得转借、出租、共享账号给他人使用。如发现账号异常登录、密码泄露等安全问题，应立即联系平台管理员采取冻结账号、修改密码等应急措施；因用户自身疏忽导致账号安全事故，造成单位或平台损失的，需承担相应赔偿责任。
        </p>
        <p class="t1"  data-slate-node="element">
          3.信息上传规范
        </p>
        <p class="t2" data-slate-node="element">
          3.1信息真实性要求
        </p>
        <p data-slate-node="element">
          用户上传建设项目经营信息务必确保真实、准确、完整，涵盖项目名称、所在地、业主单位、项目规模、预计投资、进展阶段、合作需求等关键要素，严禁虚报、瞒报、篡改信息，所有上传信息将接受平台审核及其他用户监督，虚假信息一经查实，将对上传用户及所属企业予以警告、扣分、限制功能使用等处罚。
        </p>
        <p class="t2" data-slate-node="element">
          3.2信息权属与授权
        </p>
        <p class="plain" data-slate-node="element">
          上传信息应为用户所在企业合法拥有经营权益或已获授权经营的项目内容，确保不存在超资质无效项目或非法来源项目。若因信息权属问题引发法律争议，由上传企业及相关责任人自行解决并承担全部后果，平台保留追溯权利。
        </p>
        <p class="t2" data-slate-node="element">
          3.3信息保密条款
        </p>
        <p class="plain" data-slate-node="element">
          涉及国家秘密、商业机密、敏感项目信息等特殊内容，严禁上传至平台；常规项目信息在上传、存储、传输、共享过程中，平台将严格遵循保密协议与数据安全规范，采取加密等技术手段保护信息安全，用户也需严守保密纪律，不得私自向外披露平台信息。
        </p>
        <p class="t1" data-slate-node="element">
          4.信息获取规则
        </p>
        <p class="t2" data-slate-node="element">
          4.1获取权限设置
        </p>
        <p class="plain" data-slate-node="element">
          平台依据业务领域、过往经营业绩等维度，综合设定差异化信息获取权限，确保公平享有与自身经营能力适配的信息资源，同时激励提升经营水平、拓展业务版图以解锁更高级别权限；特殊高价值信息可按需申请专项查看权限，经平台审核与信息提供方同意后获取。
        </p>
        <p class="t2" data-slate-node="element">
          4.2信息使用限制
        </p>
        <p class="plain" data-slate-node="element">
          从平台获取的建设项目经营信息仅用于本企业合法经营业务拓展、项目跟踪对接，不得转售、二次传播给第三方机构或个人谋取私利，违反规定者将被收回信息获取权限、取消平台收益资格，并依规追究责任。
        </p>
        <p class="t1" data-slate-node="element">
          5.收益规则
        </p>
        <p class="t2" data-slate-node="element">
          5.1上传信息收益
        </p>
        <p class="plain" data-slate-node="element">
          用户成功上传有效建设项目经营信息且经平台评估、其他企业成功利用该信息促成业务合作或拓展经营机会后，上传单位将依据项目盈利预期、信息价值贡献度等指标，按平台既定收益分成规则获得相应经济奖励，奖励定期核算发放至企业账户，由企业内部依规分配至上传人员。
        </p>
        <p class="t2" data-slate-node="element">
          5.2积分激励机制
        </p>
        <p class="plain" data-slate-node="element">
          平台设立积分体系，上传优质信息、积极参与信息交互分享、协助平台优化完善等行为均可获积分奖励，积分可对应平台取得相应经营奖励，以提升企业及用户参与平台运营积极性。
        </p>
        <p class="t1" data-slate-node="element">
          6.平台服务与支持
        </p>
        <p class="t2" data-slate-node="element">
          6.1日常运维保障
        </p>
        <p class="plain" data-slate-node="element">
          平台管理团队负责 7×24 小时监控平台运行状态，及时处理服务器故障、网络卡顿、页面异常等技术问题，定期更新优化平台功能、修复漏洞，确保平台稳定高效运行，遇计划内维护升级将提前公告通知，尽量减少对用户业务影响。
        </p>
        <p class="t2" data-slate-node="element">
          6.2咨询与培训服务
        </p>
        <p class="plain" data-slate-node="element">
          平台为新用户提供操作手册自助学习资料，并定期组织线上线下培训课程，讲解平台使用技巧、政策解读、业务流程优化要点；设立专门客服热线与在线答疑渠道，随时解答用户在使用过程中遇到的疑问，收集反馈意见建议以持续改进服务质量。
        </p>
        <p class="t1" data-slate-node="element">
          7.违规处理
        </p>
        <p class="t2" data-slate-node="element">
          7.1违规行为界定
        </p>
        <p class="plain" data-slate-node="element">
          除上述提及虚假信息上传、违规获取使用信息、破坏账号安全保密规定外，还包括恶意刷屏、诋毁其他用户、利用平台从事违法违纪活动等不良行为，均属违规范畴，严重破坏平台生态与正常运营秩序。
        </p>
        <p class="t2" data-slate-node="element">
          7.2处理措施实施
        </p>
        <p class="plain" data-slate-node="element">
          针对违规行为，平台将视情节轻重依次采取警告提醒、扣除积分收益、暂停账号功能、注销账号等处罚措施，违规企业及个人需积极整改，待复查合格后方可依规恢复平台正常使用权益。
        </p>
        <p class="plain" data-slate-node="element">
          使用 “精测云” 平台即视为您已充分知晓并同意遵守本用户须知各项条款，平台保留对须知内容修订完善权，修订后将及时公示告知，望广大用户持续关注、共同营造优质经营信息共享生态。
        </p>
      </PerfectScrollbar>

    </div>
    <div class="agreement-btn">
      <Button type="primary" :disabled="isBtnDisabled" @click="handleAgree"
        >已阅读并同意协议<span v-if="isBtnDisabled">{{
          "(" + `${timer}` + "s)"
        }}</span></Button
      >
    </div>
  </div>
</template>

<script>
export default {
  props: {
    types: {
      type: Number,
      default: 1,
    },
  },
  data() {
    return {
      isBtnDisabled: true,
      timer: 5,
      inter: null,
    };
  },
  methods: {
    handleAgree() {
      this.$emit("handleAgree", this.$props.types);
    },
  },
  mounted() {
    this.inter = setInterval(() => {
      if (this.timer > 0) {
        this.timer--;
      } else {
        clearInterval(this.inter);
        this.isBtnDisabled = false;
      }
    }, 1000);
  },
};
</script>

<style lang="less" scoped>
.page-agreement {
  h3 {
    color: #333;
    margin-bottom: 25px;
    font-size: 20px;
  }
  .ps {
    height: 36vh;
    margin-bottom: 25px;

    p {
      color: #535a6c;
      font-size: 15px;
      line-height: 22px;
      &.plain {
        text-indent: 28px;
      }
      &.t1 {
        margin: 16px 0;
        font-weight: 600;
      }
      &.t2 {
        margin: 16px 0;
        font-weight: 600;
      }
      &.t1+.t2 {
        margin-top: -16px;
        margin-bottom: 16px;
      }
    }
  }
  // .agreement-main {
  //   height: 30vh;
  //   overflow: auto;
  //   margin-bottom: 25px;
  // }
}
.agreement-btn {
  display: flex;
  justify-content: center;
}
</style>
